<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>爱贝儿医</title>
    <link rel="stylesheet" href="business/style/common.css?version=201">
    <script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="app/js/common/vue.min.js"></script>
    <script src="app/js/common/hprose.js"></script>
    <script src="business/js/jquery.js"></script>
    <script src="app/js/common.js"></script>
    <style type="text/css">
        .yindao{
            width: 100%;
            height: 100%;
            position: fixed;
            background:rgba(0,0,0, 0.75);
            z-index: 2000;
            display: none;
        }
        .yindao .sign_1{
            margin-left: 64px; margin-top: 5px; width: 100px;
        }
        .yindao .sign_2{
            width: 50%;display: block; margin: 40px;
        }
        .yindao .button{
            width: 30%; display: block; margin: 100px auto;
        }
        .sign_list{
            position: fixed;
            top: 44px;
            width: 100%;
            height: auto;
            background-color: #FFFFFF;
            z-index: 400;
            display: none;
        }
        .sign_list div{
            height: 35px;
            line-height: 35px;
            font-size: 0.7rem;
            color: #aaaaaa;
            width: 95%;
            border-top: solid 1px #cccccc;
            padding-left: 2%;
            padding-right: 2%;
            margin: auto;
        }
        .sign_list div img{
            float: right;
            width: 15px;
            height: 11px;
            margin-top: 12px;
            display: none;
        }
        .sign_list_bg {
            position: fixed;
            z-index: 300;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0, 0.75);
            display: none;
        }
        .c_1{
            color: #DB3656!important;
        }
        .c_1 img{
            display: block!important;
        }
        .sign_down, .sign_up{
            margin: 16px 0 16px 4px!important; height: 12px!important; width: 12px!important;
        }
        .sign{
            color: #666666;
            border: solid 1px #BBBBBB;
            border-radius: 5%;
            padding: 3px;
            font-size: 0.546136rem;
            height: 12px;
            line-height: 12px;
            margin: 3px 0;
            display: inline-block;
        }
        .loading{
            display: none;
        }
        .loading img{
            width: 20px;
            height: 20px;
            margin: auto;
            display: block;
        }
    </style>
</head>
<body>
<div id="container">
    <!--分类按钮引导层-->
    <div class="yindao">
        <img src="resources/icon/course/sign_1.png" class="sign_1" alt=""/>
        <img src="resources/icon/course/sign_2.png" class="sign_2" alt=""/>
        <img src="resources/icon/course/button.png" class="button" alt=""/>
    </div>

    <div class="header">
        <div class="header_logo">
            <img src="<?=G_SITE_CDN?>/business/style/logo_small.png" />
            <h1>全部课程</h1>
            <img src="resources/icon/course/down.png" class="sign_down">
            <img src="resources/icon/course/up.png" class="sign_up" style="display: none">
        </div>
        <a href=""><input name="" type="button" value="课程回顾" /></a>
    </div>

    <div class="sign_list">
        <div sign_id="0" class="c_1">
            <span>全部课程</span><img src="resources/icon/course/sign_3.png">
        </div>
        <div v-bind:sign_id="l.id"  v-for="l in specialList">
            <span v-text="l.name"></span><img src="resources/icon/course/sign_3.png">
        </div>
    </div>

    <div class="sign_list_bg"></div>

    <div class="vedio_list">
        <ul>
            <li v-for="l in list">
                <a v-bind:href="'index.php?m=newCourse&a=detail&id='+l.id">
                    <dl>
                        <dt><img v-bind:src="l.author.icon" class="avatar" /></dt>
                        <dd>
                            <h1 v-text="l.title"></h1>
                            <div class="sign" v-if="l.labal_name" v-text="l.labal_name">平台专家</div>
                            <div class="author" v-text="l.author.name">罗小平</div>
                            <div class="time">授课时间：<span v-text="common.getDate(l.createTime)"></span></div></dd>
                    </dl>
                </a>
            </li>
        </ul>
    </div>
    <div class="loading"><img src="resources/image/loading.gif" alt=""/></div>
</div>

<?php require 'app/templates/common/download.html'; ?>
</body>
</html>
<?php require 'app/templates/common/foot.html'; ?>